.login-container {
  .login-head {
    display: flex;
    .container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 20%;

      // width: 100%;
      height: 80px;
      padding: 0 20px;
      margin-right: 20px;

      // margin: auto;
      .login-left-img {
        width: 100%;

        // width: 20%;
      }
    }
    .text {
      display: flex;
      align-items: center;
      font-size: 24px;
      color: #f58732;
    }
  }
  .login-main {
    width: 100%;
    min-height: 36.3rem;
    background: var(--el-color-primary);
    .img-bx {
      position: relative;
      width: 100%;
      height: 100%;
      .introduce-image {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, -50%);
      }
    }
    .login-box {
      width: 370px;
      min-height: 22rem;
      padding: 15px 40px;
      background-color: #ffffff;
      .tabs {
        display: flex;
        padding-top: 30px;

        // margin-bottom: 20px;
        .tabs-item {
          padding-bottom: 10px;
          margin-right: 50px;
          font-size: 18px;
          font-weight: 600;
          line-height: 18px;
          color: #555555;
          cursor: pointer;
          border-bottom: 4px #ffffff solid;
        }
        .active {
          color: #ff6200;

          // border-color: #ff6200;

          // color: var(--el-color-primary);
          // border-color: var(--el-color-primary);
        }
      }
      .protocol {
        .icon {
          font-size: 20px;
        }
        .color-sel {
          color: var(--el-color-primary);
          text-decoration: none;
        }
      }
    }
  }
  .login-form {
    .el-form {
      margin-top: 30px;

      // .el-form-item {
      //   // border-bottom: 1px #e5e5e5 solid;
      // }
    }
  }
  .login-btn {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 40px;
    white-space: nowrap;
    .el-button {
      width: 100%;
      height: 48px;
      font-weight: bold;
    }
  }
}
.input-prefix-text {
  color: #666666;
}
.input-suffix-text {
  color: #ff6200;
}
.inputDeep {
  :deep(.el-input__wrapper) {
    cursor: default;
    background-color: #f3f6f8;
    box-shadow: 0 0 0 0 transparent inset;
    .el-input__inner {
      cursor: default !important;
    }
    .el-input__inner::placeholder {
      color: #a5a2c1;
    }
  }
}
:deep(.el-button--large) {
  padding: 0;
}

// :deep(.el-button.is-text:not(.is-disabled):hover) {
//   background-color: none !important;
// }
// :deep(.el-input__wrapper:hover) {
//   box-shadow: 0 0 0 0 !important;
// }
// :deep(.el-select .el-input.is-focus .el-input__wrapper) {
//   box-shadow: 0 0 0 0 !important;
// }
// :deep(.el-select .el-input__wrapper.is-focus) {
//   box-shadow: 0 0 0 0 !important;
// }
